<template>
    <view>
        <view class="">
        	<view @click="flagclick" v-show="flag" class=""
        		style="position: fixed;right: 0;width: 60rpx;height: 60rpx;background-color: #060606;opacity: 0.4;color: #fff;font-size: 20rpx;border-radius: 50%;text-align: center;top: 40%;margin-top: 10rpx;">
        		<view class="">
        			快捷
        		</view>
        		<view class="">
        			导航
        		</view>
        	</view>
        	<view @click="flagadd" v-show="!flag" class="left-ff"
        		style="position: fixed;right: 0;width: 50rpx;height: 50rpx;background-color: #060606;opacity: 0.4;color: #fff;font-size: 26rpx;border-radius: 25rpx 0 0 25rpx;text-align: center;;margin-top: 300rpx;right: 80rpx;line-height: 50rpx;top: 40%;">
        		<view class="">
        			>
        		</view>
        	</view>
        	<view v-show="!flag" class="left-ff"
        		style="position: fixed;right: 0;width: 80rpx;height: 350rpx;background-color: #ffffff;color: #35bcff;font-size: 24rpx;text-align: center;margin-top: 10rpx;box-shadow: 0px 2px 4px 0px rgba(216, 216, 216, 0.6);z-index: 999;font-weight: 700;top: 40%;">
        		<view class="" style="margin-top: 20rpx;" @click="changuan">
        			<view class="">
        				场馆
        			</view>
        			<view class="">
        				路由
        			</view>
        		</view>
        		<view class="" style="margin-top: 20rpx;" @click="piaoka">
        			<view class="">
        				购票
        			</view>
        			<view class="">
        				购卡
        			</view>
        		</view>
        		<view class="" style="margin-top: 20rpx;" @click="sijaio">
        			<view class="">
        				私教
        			</view>
        			<view class="">
        				预约
        			</view>
        		</view>
        		<view class="" style="margin-top: 20rpx;" @click="geren">
        			<view class="">
        				个人
        			</view>
        			<view class="">
        				中心
        			</view>
        		</view>
        	</view>
        </view>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                flag: true
            }
        },
        methods: {
			changuan() {
				uni.$u.route({
					url: '/pages/venue/venue',
				});
				this.flag = true
			},
			piaoka() {
				uni.switchTab({
					url: '/pages/home/home',
				})
				this.flag = true
			},
			sijaio() {
				uni.switchTab({
					url: '/pages/index/index',
				})
				this.flag = true
			},
			geren() {
				uni.switchTab({
					url: '/pages/mine/mine',
				})
				this.flag = true
			},
			flagclick() {
				setTimeout(() => {
					this.flag = false
				}, 100)
			},
			flagadd() {
				setTimeout(() => {
					this.flag = true
				}, 100)
			},
        }
    }
</script>
 
<style lang="scss">
    
</style>